<template>
  <view class="section">
    <header class="title" v-if="title">{{ title }}</header>
    <view class="content">
      <slot></slot>
    </view>
  </view>
</template>

<script>
export default {
  name: 'Section',
  props: {
    title: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>

.title {
  background-color: #f0f0f0;
  font-size: 32rpx;
  padding: 20rpx;
}

.content {
  padding: 20rpx;
  background-color: #fff;
}
</style>